<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
<script type="text/javascript" src="../../../jquery/src/core.js"></script>
<script type="text/javascript" src="../../../jquery/src/selector.js"></script>
<script type="text/javascript" src="../../../jquery/src/event.js"></script>
<script type="text/javascript" src="../../../jquery/src/ajax.js"></script>
<script type="text/javascript" src="../../../jquery/src/fx.js"></script>
<script type="text/javascript" src="../../../jquery/src/offset.js"></script>
<script type="text/javascript" src="../../dimensions/jquery.dimensions.js"></script>
<script type="text/javascript" src="../ui.mouse.js"></script>
<script type="text/javascript" src="../ui.draggable.js"></script>
<script type="text/javascript" src="../ui.draggable.ext.js"></script>
<script type="text/javascript" src="../ui.droppable.js"></script>
<script type="text/javascript" src="../ui.droppable.ext.js"></script>

		<style type="text/css">
			.dd{
				/* display:inline; */
				border:1px solid green
			}
		</style>
	</head>
<body>

		<div id="drag_textInput1" class="dd drag">
		<img src="images/select-1.jpg" />
		</div>

<script type="text/javascript">
$(function(){
	$('.drag').draggable({helper:'clone',start:function(){
		
		console.log($('#'+this.id).offset()); //This value will change odd/even, ONLY because of the selector! ('#'+this.id)
		console.log($(this).offset()); //This selects exactly the same object, but reports the correct offset
		
	}});
});




</script>
</body>
</html>